
  <body>
      <div class="x-body">
          <form class="layui-form layui-form-pane">
              <div class="layui-form-item">
                  <label for="username" class="layui-form-label">
                      反馈者
                  </label>
                  <div class="layui-input-inline">
                      <input type="text" id="username" name="username" required lay-verify="required"
                      autocomplete="off" value="xuebingsi" disabled="" class="layui-input">
                  </div>
              </div>
              <div class="layui-form-item layui-form-text">
                  <label for="content" class="layui-form-label">
                      反馈内容
                  </label>
                  <div class="layui-input-block">
                       <textarea disabled="" id="content" name="content" autocomplete="off"
                      class="layui-textarea" style="height: 80px;">建议增加多一些海外的商品，方便我们购买。</textarea>
                  </div>
              </div>
              <div class="layui-form-item layui-form-text">
                  <label for="replay" class="layui-form-label">
                      回复
                  </label>
                  <div class="layui-input-block">
                      <textarea placeholder="随便写些什么" id="replay" name="replay" autocomplete="off"
                      class="layui-textarea" style="height: 80px;"></textarea>
                  </div>
              </div>
              <div class="layui-form-item">
                  <button class="layui-btn" key="set-mine" lay-filter="save" lay-submit>
                      处理
                  </button>
              </div>
          </form>
      </div>
      <script>
          layui.use(['form','layer'], function(){
              $ = layui.jquery;
            var form = layui.form()
            ,layer = layui.layer;
          
            //自定义验证规则
            // form.verify({
            //   nikename: function(value){
            //     if(value.length < 5){
            //       return '昵称至少得5个字符啊';
            //     }
            //   }
            //   ,pass: [/(.+){6,12}$/, '密码必须6到12位']
            //   ,repass: function(value){
            //       if($('#L_pass').val()!=$('#L_repass').val()){
            //           return '两次密码不一致';
            //       }
            //   }
            // });
            //监听提交
            form.on('submit(save)', function(data){
              console.log(data);
              //发异步，把数据提交给php
              layer.alert("处理成功", {icon: 6},function () {
                  // 获得frame索引
                  var index = parent.layer.getFrameIndex(window.name);
                  //关闭当前frame
                  parent.layer.close(index);
              });
              return false;
            });
            
            
          });
      </script>
      <script>
      var _hmt = _hmt || [];
      (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0]; 
        s.parentNode.insertBefore(hm, s);
      })();
      </script>
  </body>